<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>钓鱼网站</title>
    <link rel="stylesheet" href="./加入.css">
</head>

<body>
    <div class="shortcut" id="top">
        <div class="w">
            <div class="fl">
                <ul>
                    <li>天猫欢迎您!　</li>
                    <li>
                        <a href="#">请登录</a>
                        <a href="../03/注册.html" class="style-red">免费注册</a>
                    </li>
                </ul>
            </div>
            <div class="fr">
                <ul>
                    <li><a href="">我的订单</a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">我的天猫</a>
                    </li>
                    <li><a href=""><b></b></a></li>

                    <li class="spacer"></li>
                    <li><a href="#">天猫购会员</a></li>
                    <li class="spacer"></li>
                    <li><a href="#">企业采购</a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">关注天猫</a>
                    </li>
                    <li><a href=""><b></b></a></li>
                    <li class="spacer"></li>
                    <li>
                        <a href="#">客户服务</a>
                    </li>
                    <li><a href=""><b></b></a></li>

                    <li class="spacer"></li>
                    <li>
                        <a href="#">网站导航</a>
                    </li>
                    <li><a href=""><b></b></a></li>

                </ul>
            </div>
        </div>
    </div>
    <div class="header w">

        <div class="logo">
            <h1><a href="" title="品优购 ">天猫 </a></h1>
        </div>

        <div class="search">
            <input type="text" class="text" placeholder="请输入搜索类容">
            <button class="btn">搜索</button>
        </div>

        <div class="hotwrods">
            <a href="#" class="style-red">优惠购首发</a>
            <a href="#">亿元优惠</a>
            <a href="#">9.9元团购</a>
            <a href="#">美满99减30</a>
            <a href="#">办公用品</a>
            <a href="#">电脑</a>
            <a href="#">通信</a>
        </div>

        <a href="../02/购物车.html">
            <div class="shopcar">
                <span class="iconfont" style="color:red;">&#xe60d;</span>　我的购物车<i class="arrow">></i>
                <i class="count1">12</i>
            </div>
        </a>
    </div>

    <div class="diverse">

        <h2><img src="./图片/hua.png" alt="">&nbsp;&nbsp;welcome to shopping！<img src="./图片/hua.png" alt=""
                style="transform:scaleX(-1);"></h2>
    </div>

    <div class="add">
        <div class="total">
            <div class="big">
                <h3>可爱公仔店</h3>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/加油鸭书包挂件.png" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>加油鸭书包挂件</p><span>￥</span>
                        <p>28.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/进口狐狸毛球球包包挂饰.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>进口狐狸毛球球包包挂饰</p><span>￥</span>
                        <p>18.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/皮卡丘挂件毛绒玩具.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>皮卡丘挂件毛绒玩具</p><span>￥</span>
                        <p>20.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/迷你版小兔子车钥匙扣.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>迷你版小兔子车钥匙扣</p><span>￥</span>
                        <p>24.00</p>
                    </div>
                </div>
            </div>
            <div class="big">
                <h3>潮流服装店</h3>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/加绒卫衣女厚宽松韩版棕色加厚外衣.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>加绒卫衣女厚宽松韩版棕色加厚外衣</p><span>￥</span>
                        <p>59.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/宽松韩版潮流女连帽棉衣.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>宽松韩版潮流女连帽棉衣</p><span>￥</span>
                        <p>79.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/男士秋冬季衣服夹克加绒外套.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>男士秋冬季衣服夹克加绒外套</p><span>￥</span>
                        <p>160.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/男女韩版潮流宽松工装夹克上衣.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>男女韩版潮流宽松工装夹克上衣</p><span>￥</span>
                        <p>149.00</p>
                    </div>
                </div>
            </div>
            <div class="big">
                <h3>运动休闲鞋店</h3>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/新款棉鞋潮流运动休闲鞋.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>新款棉鞋潮流运动休闲鞋</p><span>￥</span>
                        <p>68.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/新款皮面防水鞋子休闲男士运动鞋.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>新款皮面防水鞋子休闲男士运动鞋</p><span>￥</span>
                        <p>87.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/新百伦正品2020新款运动潮鞋.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>新百伦正品2020新款运动潮鞋</p><span>￥</span>
                        <p>169.00</p>
                    </div>
                </div>
                <div class="goods">
                    <div class="front">
                        <img src="./图片/飞跃回力联名款高帮帆布鞋.jpg" alt="">
                    </div>
                    <div class="back" style="transform: rotateY(180deg);">
                        <div class="back-content middle">
                            <p><button class="addcar">找同款</button></p>
                            <p><button class="addcar">找相似</button></p>
                            <p><button class="addcar">加入购物车</button></p>
                        </div>
                    </div>
                    <div class="model">
                        <p>飞跃回力联名款高帮帆布鞋</p><span>￥</span>
                        <p>90.00</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./加入.js"></script>
</body>

</html>